.house-add-wrap {
  width: 100%;
  padding: 20px 0;
  .center-wrap {
    width: 800px;
    margin: 0 auto;
    height: 600px;
    overflow-y: auto;
    span.unit-label {
      margin: 0 3px;
    }
    a.btn-default {
      font-size: 12px;
      color: #00ccff;
      text-decoration: none;
      & + a.btn-default {
        margin-left: 10px;
      }
      &:hover {
        color: #1aa0ff;
      }
      transition: ease all .3s;
    }
    h2 {
      font-weight: 300;
      font-size: 14px;
      >span {
        color: red;
      }
    }
    .tip-box {
      padding: 10px;
      margin: 20px;
      border: 1px solid orange;
      >span {
        font-size: 16px;
        color: #cca474;
      }
    }
    .item-tip {
      color: #cca474;
      position: absolute;
      top: -30px;
    }
    .item-tip-bottom {
      color: #888;
    }
    .item-limit {
      position: absolute;
      right: -100px;
      top: 0;
    }
    .house-images {
      margin-top: 20px;
    }
    .submit-btn {
      font-size: 14px;
      color: white;
      padding: 2px 15px;
      display: inline-block;
      margin-right: 10px;
      background: #00ccff;
      transition: all ease .3s;
      border-radius: 5px;
      cursor: pointer;
      border: none;
      &:hover {
        background-color: #08a0ff;
      }
    }
  }
}

@media screen and (max-width: 1400px) {
  .house-add-wrap {
    .center-wrap {
      height: calc(100vh - 200px);
    }
  }
}